<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/default.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="bootstrap-4.1.3-dist/css/bootstrap.min.css">    
    <link rel="stylesheet" href="css/case.css">    

    <script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/case.js"></script>
    <script src="bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>

    
    <title>湖北谷拜科技有限公司-案例</title>
    
</head>
<body>
    <!-- header 部分 -->
    <header class="header">
        <div class="h_container">
            <div class="logo"></div>
            <div class="nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li class="active"><a href="case.html">案例</a></li>
                    <li><a href="addedServices.html">增值服务</a></li>
                    <li><a href="popularize.html">推广</a></li>
                    <li><a href="news.html">新闻</a></li>
                    <li><a href="about.html">关于</a></li>
                </ul>
            </div>
        </div>
    </header>

    <!-- banner 部分 -->
    <div class="banner">
        <div class="input_box">
            <input type="text" placeholder="请输入您想找的小程序类型">
            <button class="search">
                <img src="" class="search_img">
            </button>
        </div>
        <p class="banner_text">500+优秀小程序案例，谷拜小程序都能原创开发</p>
    </div>

    <!-- 模块一 -->
    <div class="module_1">
        <ul class="m_5_nav clearfix">
            <li class="case_active"><a href="#">全部分类</a></li>
            <li><a href="#">房地产</a></li>
            <li><a href="#">服装</a></li>
            <li><a href="#">母婴</a></li>
            <li><a href="#">家居</a></li>
            <li><a href="#">健身</a></li>
            <li><a href="#">汽车</a></li>
        </ul>
    </div>

    <!-- 模块二 -->
    <div class="module_2 h_container clear">
        <div class="m_2_box">
            <img src="images/案例/非凡旅游.png" class="m_2_img">
            <p class="m_2_p1">非凡旅行</p>
            <p class="m_2_p2">旅游路线</p>
        </div>
        <div class="m_2_box">
            <img src="images/案例/协游快乐旅行社.png" class="m_2_img">
            <p class="m_2_p1">协游快乐旅行社</p>
            <p class="m_2_p2">旅游路线</p>
        </div>
        <div class="m_2_box">
            <img src="images/案例/AN桉男装.png" class="m_2_img">
            <p class="m_2_p1">An桉男装</p>
            <p class="m_2_p2">服装/鞋/箱包</p>
        </div>
        <div class="m_2_box">
            <img src="images/案例/樵夫庄园.png" class="m_2_img">
            <p class="m_2_p1">樵夫庄园</p>
            <p class="m_2_p2">食品</p>
        </div>
        <div class="m_2_box">
            <img src="images/案例/丫好呷.png" class="m_2_img">
            <p class="m_2_p1">丫好呷</p>
            <p class="m_2_p2">点评与推荐</p>
        </div>
        <div class="m_2_box">
            <img src="images/案例/云想月整形美容.png" class="m_2_img">
            <p class="m_2_p1">云想月整形美容</p>
            <p class="m_2_p2">丽人</p>
        </div>
        <div class="m_2_box">
            <img src="images/案例/鲜奶烘焙.png" class="m_2_img">
            <p class="m_2_p1">鲜奶烘焙</p>
            <p class="m_2_p2">食品</p>
        </div>
        <div class="m_2_box">
            <img src="images/案例/岭然森林食品.png" class="m_2_img">
            <p class="m_2_p1">岭然森林食品</p>
            <p class="m_2_p2">食品</p>
        </div>
        <div class="m_2_box">
            <img src="images/案例/杨林超市.png" class="m_2_img">
            <p class="m_2_p1">杨林大学超市</p>
            <p class="m_2_p2">在线超市</p>
        </div>
    </div>

    <!-- 模块三 -->
    <nav aria-label="Page navigation example" class="module_3">
        <ul class="pagination">
            <li class="page-item">
            <a class="page-link" href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
                <span class="sr-only">Previous</span>
            </a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item">
            <a class="page-link" href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
                <span class="sr-only">Next</span>
            </a>
            </li>
        </ul>
    </nav>

    <!-- 模块六 -->
    <div class="module_6">
        <div class="h_container">
           <p>谷拜，让商业更简单</p>
           <div class="m_6_table">
               <input type="text" class="input1" placeholder="行业类型">
               <input type="text" class="input2"  placeholder="请输入您的姓名">
               <input type="text" class="input3"  placeholder="请输入您的电话">
               <button>预约定制</button>
           </div>
        </div>
    </div>

    <!-- 模块六 -->
    <footer class="h_container">
        <div class="f_top">
            <div class="f_left">
               <div class="product">
                   <div class="pro_t">产品</div>
                   <div class="pro_b">
                       <ul class="pro_b_l">
                           <li><a href="#">网站建设</a></li>
                           <li><a href="#">分销商城</a></li>
                           <li><a href="#">主题市场</a></li>
                           <li><a href="#">域名市场</a></li>
                       </ul>
                       <ul class="pro_b_r">
                           <li><a href="#">企业服务</a></li>
                           <li><a href="#">营销推广</a></li>
                           <li><a href="#">安全证书</a></li>
                           <li><a href="#">企业邮箱</a></li>
                       </ul>
                   </div>
               </div>
               <div class="document">
                   <div class="pro_t">文档</div>
                   <div class="docu_b">
                       <ul>
                           <li><a href="#">使用手册</a></li>
                           <li><a href="#">主题开发</a></li>
                           <li><a href="#">应用开发</a></li>
                           <li><a href="#">API/SDK</a></li>
                       </ul>
                   </div>
               </div>
               <div class="about">
                   <div class="pro_t">关于</div>
                   <div class="about_b">
                       <ul>
                           <li><a href="#">公司简介</a></li>
                           <li><a href="#">公司动态</a></li>
                           <li><a href="#">荣誉资质</a></li>
                       </ul>
                   </div>
               </div>
               <div class="attention">
                   <div class="pro_t">关注</div>
                   <div class="atten_b">
                       <ul>
                           <li><a href="#">新浪微博</a></li>
                           <li><a href="#">微信公众号</a></li>
                       </ul>
                   </div>
               </div>
            </div>
            <div class="f_right">
                <img src="images/首页/微信图片_20181015155535.png" class="QR_code">
                <p>联系我们：<span>15927199466 / 17671216625</span></p>
            </div>
        </div>
        <div class="f_bottom">
               公司地址：湖北省武汉市洪山区关南圆四路腾讯空间二楼&nbsp;&nbsp;网址：WWW.goobye,cn
        </div>
    </footer>
</body>
</html>